<template>
    <el-menu text-color="#000" active-text-color="#ffd04b" default-active="/index" style="height:100vh;" :collapse="isCollapse" :collapse-transition="false" router>

         <el-menu-item :index="'/'+item.menuclick" v-for="(item,i) in menuItems" :key="i" >
            <!-- <i :class="item.menuicon"></i> -->
            <!-- <i :class="item.menuicon" style="font-size:25px"></i> -->
            <svg class="icon" aria-hidden="true">
                <use :xlink:href="'#'+item.menuicon"></use>
            </svg>
            <span slot="title" style="font-size:15px">{{item.menuname}}</span>
        </el-menu-item>
        <!-- <el-menu-item index="Patient"    路由中提供的路径path:/main>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
            <i class="el-icon-s-home"></i>
            <span>患者管理</span>
        </el-menu-item> -->
        <!-- <el-menu-item index="Drug">
            <i class="el-icon-s-home"></i>
            <span>药品管理</span>
        </el-menu-item> -->

    </el-menu>
</template>

<script>
export default {
  name: 'Aside',
  data(){
      return{
        }
      },
    computed:{
        menuItems() {
            // 从本地存储获取缓存的菜单数据
            const cachedMenu = localStorage.getItem('setMenu');
            console.log(cachedMenu)
            if (cachedMenu) {
                return JSON.parse(cachedMenu);
            } else {
                // 如果没有缓存数据，则返回空数组或其他默认值
                return [];
            }
        },
    },
    props:{
        isCollapse:Boolean
  }
  
}
</script>


<style scoped>

</style>
